.page-dianwu-collection {
  .block-hd {
    margin: 32px auto;
    .sp-image {
      margin: 0 auto;
    }
  }

  .qrcode-collection {
    .title {
      color: #111a34;
      margin: 0 auto;
      max-width: 610px;
      text-align: center;
    }
    .txt-h {
      color: #666f83;
      text-align: center;
      margin-top: 32px;
    }
    .qr-code-wrapper {
      width: 590px;
      height: 590px;
      padding: 40px;
      background-color: #fff;
      margin: 24px auto;
      box-sizing: border-box;
    }
    .txt-f {
      color: #858b9c;
      text-align: center;
      margin-top: 24px;
    }
    .btn-pending {
      width: 300px;
      height: 80px;
      line-height: 80px;
      border-radius: 40px;
      /* prettier-ignore */
      border: 1PX solid #c5cad5;
      font-weight: 500;
      color: #666f83;
      margin: 140px auto;
      text-align: center;
    }
  }

  .cash-collection {
    width: 500px;
    margin: 30px auto 0;
    .cash-amount {
      text-align: center;
    }
    .coll-form {
      margin-top: 50px;
      .label {
        margin-bottom: 16px;
      }
      .field-input {
        height: 90px;
        background: #ffffff;
        border-radius: 8px;
        display: flex;
        align-items: center;
        /* prettier-ignore */
        border: 1PX solid #C5CAD5;
        padding: 10px 20px;
        box-sizing: border-box;
        margin-bottom: 56px;
      }
      .sub-txt {
        font-size: 24px;
        font-weight: 400;
        color: #858b9c;
      }
      .field-change {
        height: 90px;
        border-radius: 8px;
        display: flex;
        align-items: flex-end;
        /* prettier-ignore */
        border-bottom: 1PX solid #C5CAD5;
        padding: 10px 20px 4px;
        box-sizing: border-box;
        margin-bottom: 56px;
      }
      .cash-value {
        margin: 0;
        flex: 1;
        padding: 0;
        &:after {
          border-color: transparent;
        }
        .at-input__input {
          height: 56px;
          text-align: right;
          font-size: 36px;
          font-weight: 500;
        }
      }
      .append {
        font-size: 40px;
        color: #111a34;
      }
      .change-value {
        flex: 1;
        height: 56px;
        text-align: right;
        font-size: 36px;
        font-weight: 500;
        line-height: 58px;
      }
    }
  }
  .btn-confirm-wrap {
    margin-top: 138px;
    .btn-confirm {
      background-color: var(--color-dianwu-primary);
      color: #fff;
    }
  }

  .pending {
    font-weight: 500;
    color: #666f83;
    margin-top: 48px;
    text-align: center;
  }
}
